import React,{Component} from 'react';
import { Row, Col } from 'antd';
import './footer.less';
import Lang from './Lang.json';
import Code from './Lang';
import PropTypes from 'prop-types';
import classNames from 'classnames';
const prefix = "footer";
class Footer extends Component{
    static propTypes = {
        codeDis:PropTypes.string
    }
    render(){
        let address = Lang.map((value,index)=>{
            return(
                <p key={index} className={classNames(prefix+"-list"+index,prefix+"-list")} style={{fontSize:'14px',lineHeight:"28px",marginTop:'10px'}}>{value}</p>
            )
        });
        let codeEle =Code.map((value,index)=>{
            return(
                <Col key={index} span={8}>
                    <img src={value.img} alt="" style={{width:"96px",height:"96px",marginBottom:'20px'}}/>
                    {value.introduce.map((info,key)=>{
                        return(
                            <li key={key} className={prefix+"-list_pro"}>
                                {info}
                            </li>
                        )
                    })}
                </Col>
            )
        });
        let props = this.props;
        return(
            <div className={prefix}>
                <Row className={prefix+"-container"} style={{display:props.codeDis?'none':null}}>
                    {codeEle}
                    <Col span={8} className={prefix+"-bottom-address"}>{address}</Col>
                </Row>
                <div className={prefix+"-copyright"}>惠每极致医疗 京ICP备15041861号 Copyright © 2016 huimeibest.com All Right Reserved .</div>
            </div>
        )
    }
}
export default Footer;